<!DOCTYPE html>
<html lang="en">
<head>
	<title>官网</title>
	<meta charset="utf-8">
{#	<link rel="stylesheet" type="text/css" href="/static/css/index.css">#}
    	<link rel="stylesheet" type="text/css" href="{{ url_for('static',filename = 'css/index.css') }}">
	<style type="text/css">
		@-webkit-keyframes getup{
	0%{

	}
	100%{
		transform: translateX(-50%) translateY(-250px);
	}
}

	</style>
{#    主页插图#}
    <style type="text/css">
        .banner{
            height: 800px;
            width: 100%;
            background: url("/static/images/banners.jpg") no-repeat center top;
        }
        .banner .logo a{
	display: block;
	text-decoration: none;
	font-size: 21px;
	position: absolute;
	width: 296px;
	height: 58px;
	transform: translateX(-50%);
	left: 50%;
	top: 50%;
	-webkit-animation: getup 2s forwards;
	color: white;
	font-size: 40px;
/*	font-weight: bold;*/
}
    .banner .logo a:hover{
        text-decoration: none;
        color: orange;
    }
    </style>


{#    弹窗引用#}
    <script type="text/javascript" src="/static/js/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="/static/js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/static/css/bootstrap.min.css" />


</head>
<body>
	<div class="advertise">
		<div class="adv-text">
{#			<p><广告></p>#}
		</div>

	</div>

	<div class="nav">
		<div class="nav-left">
			<a href="#">DELI</a>
		</div>

		<div class="nav-list">
			<ul>
                <a href="{{ url_for('index') }}">主页</a>
				<a href="http://127.0.0.1:5000/test/1">学习</a>
				<a href="#">反馈</a>
				<a href="#">关于</a>
				<a href="#" class="tbox">我的</a>
			</ul>
		</div>

    {#        我的弹窗#}
    <div class="modal fade" id="myModal1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body">
                        <h4 class="modal-title" align="center">我的信息</h4>
                        <br/>
                        <form class="form-horizontal" role="form" >
                            <div class="form-group">
                                <label for="name" class="col-sm-offset-2 col-sm-2 control-label">学号</label>
                                <label for="name" class="col-sm-offset-2 col-sm-2 control-label">{{ Snum }}</label>

                            </div>
                            <div class="form-group">
                                <label for="password" class="col-sm-offset-2 col-sm-2 control-label">姓名</label>
                                <label for="name" class="col-sm-offset-2 col-sm-2 control-label">{{ user_id }}</label>
                            </div>
                            <div class="form-group">
                                <label for="password" class="col-sm-offset-2 col-sm-2 control-label">手机号</label>
                                <label for="name" class="col-sm-offset-2 col-sm-2 control-label">{{ phone }}</label>
                            </div>
                        </form>
                </div>
                <div class="modal-footer">
                </div>
            </div>
            <!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->



        {% if user_id %}
                <div style="line-height: 44px;text-align: center;">
			        <a style="color: white;text-decoration: none;" >你好{{ user_id }}，</a>
			        <a style="color: white;text-decoration: none;" href="{{ url_for('logout') }}">退出</a>
                </div>
        {% else %}
                <div style="line-height: 44px;text-align: center;">
                    <a style="color: white;text-decoration: none;" href='{{ url_for('login') }}'>登录|</a>
                    <a style="color: white;text-decoration: none;" href="{{ url_for('register') }}">注册</a>
                </div>
        {% endif %}
	</div>

    <div class = "banner">
    </div>

	<div class="footer">
		<ul>
          <li style="margin-left: 200px; color: white;">保存所有权利</li>
          <li><a href="#">隐私政策|</a></li>
          <li><a  href="#">使用条款|</a></li>
          <li><a  href="#">销售政策|</a></li>
          <li><a  href="#">网站地图</a></li>
      </ul>
	</div>



</body>

    <script type="text/javascript">
    $(function(){

        $(".tbox").click(function(){
            $('#myModal1').modal('show') //显示模态框
        })

    });
    </script>

</html>